<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>京东购物车</title>
    <link rel="stylesheet" href="./购物车css/京东.css"/>
		<link rel="stylesheet" href="./购物车css/jd.css"/>
		
		
</head>
<body>
    <!--导航-->
    <div class="nav">

    <div class="warp">
        <ul class="nav_ul1">
            <li><a href=""><i class="iconfont">&#xe6d3;</i></a></li>
            <li><a href="">京东首页</a></li>
            <li><a href="">配送到:平顶山</a></li>
        </ul>
        
        <ul class="nav_ul2">
            <li><a href="">我的订单</a><span>|</span></li>
            <li><a href="">我的京东</a><span>|</span></li>
            <li><a href="">京东会员</a><span>|</span></li>
            <li><a href="">企业采购</a><span>|</span></li>
            <li><a href="">客户服务</a><span>|</span></li>
            <li><a href="">网站导航</a><span>|</span></li>
            <li><a href="">手机京东</a><span>|</span></li>
            <li><a href="">网站无障碍</a></li>
        </ul>
    </div>

    </div>
    <!--搜索框-->
    <div class="search">
        <div class="warp">
            <img src="./img/logo-201305-b.png" alt="">
            <div class="search_div">
                <input type="text" class="search_text">
                <input type="button" value="搜索" class="search_but">
            </div>
        </div>
    </div>
    <!--标题-->
    <div class="title warp">
        <h3>全部商品</h3>

        <div>
            <span id="">配送至</span>
            <select >
                <option >河南</option>
                <option value="">平顶山市</option>
                <option value="">宝丰县</option>
                <option value="">城关镇</option>
            </select>
        </div>
    </div>
    <!--显示菜单-->
    <!--warp令内容居中显示-->
    <div class="tips warp">
        <ul>
            <li><input type="checkbox">全选</li>
            <li>商品</li>
            <li>单价</li>
            <li>数量</li>
            <li>小计</li>
            <li>操作</li>
        </ul>
    </div>
    <!--商品详情展示-->
    <div class="info warp">
        <ul>
            <li class="info_1"><input type="checkbox"></li>
            <li class="info_2"><img src="./img/xiaomi.jpg" width="80px"></li>
            <li class="info_3"><a>小米12 Pro 天玑版 天玑9000+处理器 5000万疾速影像 2K超视感屏 </a></li>
            <li class="info_4"><a>黑色
                12GB+256GB</a></li>
            <li class="info_5">￥3,499.00</li>
            <li class="info_6">
                <button>-</button>
                <input type="text" name="" id="" value="1">
                <button class="bot">+</button>
            </li>
            <li class="info_7">￥3,499.00</li>
            <li>
                <a>删除</a><br>
                <a>移入关注</a>
            </li>    
        </ul>
    </div>

    <div class="info warp">
        <ul>
            <li class="info_1"><input type="checkbox"></li>
            <li class="info_2"><img src="./img/海盗船.jpg" width="80px"></li>
            <li class="info_3"><a>美商海盗船 (USCORSAIR) K100 RGB 银轴 机械键盘 游戏键盘 有线连</a></li>
            <li class="info_4"><a>K100 银轴
                1</a></li>
                <li class="info_5">￥1,999.00</li>
            <li class="info_6">
                <button>-</button>
                <input type="text" name="" id="" value="1">
                <button class="bot">+</button>
            </li>
            <li class="info_7">￥1,999.00</li>
            <li>
                <a>删除</a><br>
                <a>移入关注</a>
            </li> 
        </ul>
    </div>
    <!--结算窗口-->
    <div class="balance warp">
        <ul class="balance_ul1">
            <li><input type="checkbox">全选</li>
            <li>删除选中商品</li>
            <li>移入关注</li>
            <li>清理购物车</li>
        </ul>

        <ul class="balance_ul2">
            <li>已选择<span>1</span>件商品</li>
            <li>总价<span>￥1,999.00</span></li>
            <li class="butt">去结算</li>
        </ul>
    </div>
</body>
</html>